<!--@Author: ZL-->
<!--@Date:   2019/5/14-->
<!--@Last Modified by:   ZL-->
<!--@Last Modified time: $ $-->
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta name="referrer" content="no-referrer-when-downgrade"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>国家工程建设项目审批监管信息系统</title>
  <link rel="shortcut icon" href="../../../../../static/agcloud/framework/ui-schemes/dark-blue/images/guohui.png" th:href="@{/agcloud/framework/ui-schemes/dark-blue/images/guohui.png}" type="image/x-icon"/>
  <link rel="icon" href="../../../../../static/agcloud/framework/ui-schemes/dark-blue/images/guohui.png" th:href="@{/agcloud/framework/ui-schemes/dark-blue/images/guohui.png}" type="image/x-icon" />
  <link rel="stylesheet" href="../../../../../static/agcloud/framework/js-lib/element-2/element.css" th:href="@{/agcloud/framework/js-lib/element-2/element.css}"/>
  <link rel="stylesheet" href="../../../../../static/agcloud/framework/icon-lib/agcloud-fonts/iconfont.css" th:href="@{/agcloud/framework/icon-lib/agcloud-fonts/iconfont.css}">
  <link rel="stylesheet" href="../../../../../static/agcloud/framework/ui-schemes/dark-blue/css/index.css" th:href="@{/agcloud/framework/ui-schemes/dark-blue/css/index.css}">
  <script>
    var ctx = '[[@{/}]]';
    // var ctx = 'http://192.168.30.45:8080/opus-front/';
  </script>
</head>
<body>
  <div id="portal" v-cloak>
    <!--BEGIN:头部-->
    <header class="protal-header">
      <div class="subsystem-logo"></div>
      <div class="header-menu fl">
        <ul class="header-menu_nav">
          <li v-for="(item,index) in headerDataShow"
              class="header-menu_item show"
              :class="index==headerActive?'header-menu_item-active':''"
              @click="headerChangeMenu(item,index,$event)">
            <i v-if="item.menuIconCss" class="menu-icon" :class="item.menuIconCss?item.menuIconCss:'el-icon-tickets'"></i>
            <div class="menu-img" v-else>
              <img :src="item.bigImgPath" alt="">
            </div>
            <span class="m-menu__link-text">{{item.menuName}}</span>
          </li>
          <li v-show="showMenuMore"
              class="header-menu_item pull-more"
              @mouseenter="showMoreItem=true"
              @mouseleave="showMoreItem=false">
            <b class="icon ag ag-more-v"></b>
            <ul class="more-tabs" v-show="showMoreItem">
              <li v-for="(itemHide,ind) in hideHeaderData"
                  @click="headerChangeMenu(itemHide,-1,$event)">
                <i v-if="itemHide.menuIconCss" class="menu-icon" :class="itemHide.menuIconCss?itemHide.menuIconCss:'el-icon-tickets'"></i>
                <div class="menu-img" v-else>
                  <img :src="itemHide.bigImgPath" alt="">
                </div>
                <span class="more-tabs-text">{{itemHide.menuName}}</span>
              </li>
            </ul>
          </li>
        </ul>
      </div>
      <div class="user-info-topbar fr">
        <div class="user">
          <div class="fl user-info">
            <div class="fl user-img">
              <img v-if="userSex==0" src="../../../../../static/agcloud/framework/ui-schemes/dark-blue/images/user.png"
                   th:src="@{/agcloud/framework/ui-schemes/dark-blue/images/user.png}">
              <img v-else src="../../../../../static/agcloud/framework/ui-schemes/dark-blue/images/user.png"
                   th:src="@{/agcloud/framework/ui-schemes/dark-blue/images/user.png}">
            </div>
            <p class="fl user-role">{{userName}}</p>
          </div>
          <span class="topbar-img" @click="editPasswordFlag=true">
            <img src="../../../../../static/agcloud/framework/ui-schemes/dark-blue/images/lock.png" th:src="@{/agcloud/framework/ui-schemes/dark-blue/images/lock.png}" alt="">
          </span>
          <span class="topbar-img" @click="logout">
            <img src="../../../../../static/agcloud/framework/ui-schemes/dark-blue/images/exit.png" th:src="@{/agcloud/framework/ui-schemes/dark-blue/images/exit.png}" alt="">
          </span>
          <span class="topbar-img">
            <img src="../../../../../static/agcloud/framework/ui-schemes/dark-blue/images/help.png" th:src="@{/agcloud/framework/ui-schemes/dark-blue/images/help.png}" alt="">
          </span>
        </div>
      </div>
    </header>
    <!--END:头部-->
    <!--iframe 主体内容 START-->
    <div class="protal-content" :style="{ height: (curHeight-69) + 'px','overflow': 'auto' }">
      <div class="content-iframe">
        <iframe :src="iframeUrl" id="contentZframe" frameborder="0" name="_blank"></iframe>
      </div>
    </div>
    <!--iframe 主体内容 END-->
    <!--修改密码弹窗 start-->
    <el-dialog title="修改密码"
               class="edit-password"
               :visible.sync="editPasswordFlag"
               top="30vh" width="460px"
               @closed="clearDialogData('editPasswordData')">
      <el-form :model="editPasswordData"
               :rules="editPasswordRule"
               ref="editPasswordData">
        <el-form-item label="请输入原密码："
                      label-width="160px"
                      prop="oldPassword">
          <el-input size="small" v-model="editPasswordData.oldPassword" type="password"></el-input>
        </el-form-item>
        <el-form-item label="请输入新密码："
                      label-width="160px"
                      prop="newPassword">
          <el-input size="small" v-model="editPasswordData.newPassword" type="password"></el-input>
        </el-form-item>
        <el-form-item label="请再次输入新密码："
                      label-width="160px"
                      prop="newPasswordCheck">
          <el-input size="small" v-model="editPasswordData.newPasswordCheck" type="password"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button size="small" @click="editPasswordFlag = false;">取消</el-button>
        <el-button size="small" type="primary" @click="editPasswordSubmit">保存</el-button>
      </div>
    </el-dialog>
    <!--修改密码弹窗 end-->
  </div>
  <script src="../../../../../static/agcloud/framework/js-lib/jquery-v1/jquery.min.js" th:src="@{/agcloud/framework/js-lib/jquery-v1/jquery.min.js}"></script>
  <script src="../../../../../static/agcloud/framework/js-lib/vue-v2/vue.js" th:src="@{/agcloud/framework/js-lib/vue-v2/vue.js}"></script>
  <script src="../../../../../static/agcloud/framework/js-lib/element-2/element.js" th:src="@{/agcloud/framework/js-lib/element-2/element.js}"></script>
  <script src="../../../../../static/agcloud/framework/js-lib/agcloud-lib/js/common.js" th:src="@{/agcloud/framework/js-lib/agcloud-lib/js/common.js}"></script>
  <script src="../../../../../static/agcloud/framework/ui-schemes/dark-blue/js/index.js"  th:src="@{/agcloud/framework/ui-schemes/dark-blue/js/index.js}"></script>
  <!--END:js文件-->
</body>
</html>